<app-header></app-header>
<!-- 主页正文部分 Start -->
<!--轮播S-->
<app-banner class="hidden-xs hidden-sm"></app-banner>
<!--轮播E-->
<div style="background-color: #efeef2; width: 100%;">
<!--移动端的顶部图片开始-->
<!-- <div class="yong_hu hidden-md hidden-lg">
    <div class="jiantou">
        <a href=""></a>
    </div> 
    <div class="yong_hu">
        <a href="javascript:history.back(-1);" class="yonghu-a">
            <img src="../assets/image/my_project/1_03.png">
        </a>
        游戏详情
    </div>        
</div>
 -->
<!--游戏大图-->
<div class="banner_01 hidden-md hidden-lg">
    <img src='../assets/image/commom/banner.jpg' alt="">
</div>
<!--游戏大图结束-->

<!--金书红颜录开始-->
<div class="container">
    <div class="row">
        <div class="col-md-12 col-lg-12 game_box hidden-xs hidden-sm">
            <h3 class="col-md-12 col-lg-12"><b class="cha">{{name}}</b></h3>
            <div class="game_wej_01 col-md-12 col-lg-12">
                <div class="dingzhi common-tab">{{count}}人定制</div>
                <div class="game-detail-title common-tab">{{catagory_name}}</div>
                <div class="play-num common-tab">{{sum}}人在玩</div>
            </div>
            <div class="duanl_01">
                <p>{{introduction}}</p>
            </div>
            <div class="btn_01 minH">
                <span><a (click)="buyGame(gid)">点击购买</a></span>
                <span><a href="/game_view/{{gid}}">订购预览</a></span>
            </div>
        </div>
        <div class="row hidden-lg hidden-md game-details-row">
            <div class="col-xs-12 col-sm-12 game_phone_02">
                <h4 class="col-sm-12 col-xs-12 game-phone-h4">{{name}}</h4>
                <span class="red_box">{{sum}}<b>人玩</b></span>
                <span class="red_box">{{count}}<b>人定制</b></span>
                <!-- <span class="red_box_1"><b>{{name}}</b></span> -->
                <span class="red_box"><b>{{catagory_name}}</b></span>
            </div>
            <div class="wenjain_box">
                <p>{{introduction}}</p>
            </div>


            <div class="btn_02">
                <span><a href="/game_view/{{gid}}">点击预览</a></span>
                <span><a (click)="buyGame(gid)">定制购买</a></span>
            </div>
        </div>
    </div>
    <!--金书红颜录结束-->

    <!--游戏截图开始 -->
    <div class="row">
        <div class="col-md-12 col-lg-12 game_box_01 ">
            <div class="wen_tp_01 col-md-12 col-lg-12 hidden-xs hidden-sm">
                <b class="game-detail-b">游戏缩略图</b>
                <span class="game-detail-line"></span>
            </div>
            <!--轮播图开始-->
            <!-- 轮播图 -->
            <!-- Swiper -->
            <div class="swiper-containers">
                <div class="swiper-wrapper">
                    <div class="swiper-slide"><img src="{{resource_url}}{{resource}}{{thumb}}" /></div>
                    <div class="swiper-slide"><img src="{{resource_url}}{{resource}}{{thumb}}" /></div>
                    <div class="swiper-slide"><img src="{{resource_url}}{{resource}}{{thumb}}" /></div>
                    <div class="swiper-slide"><img src="{{resource_url}}{{resource}}{{thumb}}" /></div>
                    <div class="swiper-slide"><img src="{{resource_url}}{{resource}}{{thumb}}" /></div>
                    <div class="swiper-slide"><img src="{{resource_url}}{{resource}}{{thumb}}" /></div>
                </div>
                <!-- Add Pagination -->
                <div class="swiper-pagination"></div>

            </div>
            <!--轮播图结束-->
            
        </div>
    </div>
    <!--游戏截图结束 -->

    <!--移动端开始 -->


</div>
<!-- 主页正文部分 End -->
<!--遮罩开始-->
<div class="mask1" [class.hide]="isPayGame">
    <ul class="mask1_copy">
        <li class="weixinzhifu">
            <h3 class="weixin"><b>购买游戏</b></h3>
        </li>
        <li class="quere_fukuan_01">
            <h4>确认去付款</h4>
        </li>
        <li class="quere_fukuan_02">
            <p>(<b>价格{{price}}，当前余额{{money}}元</b>)</p>
        </li>
        <li class="estab_lished">
            <a (click)="noBuyGame()" class="established">取消</a>
        </li>
        <li class="away_qux">
            <a (click)="payGame()" class="away">去购买</a>
        </li>
    </ul>
</div>
</div>
<!--遮罩结束-->
<app-footer></app-footer>